<head>
<style type="text/css">
            BODY,
            HTML {
                padding: 0px;
                margin: 0px;
            }
            BODY {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 11px;
                background: #FFF;
                padding: 15px;
            }
            
            H1 {
                font-family: Georgia, serif;
                font-size: 20px;
                font-weight: normal;
            }
            
            H2 {
                font-family: Georgia, serif;
                font-size: 16px;
                font-weight: normal;
                margin: 0px 0px 10px 0px;
            }
            
            #myDiv {
                width: 150px;
                border: solid 1px #2AA7DE;
                background: #6CC8EF;
                text-align: center;
                padding: 4em .5em;
                margin: 1em;
                float: left;
            }
            
            #myList {
                margin: 1em;
                float: left;
            }
            
            #myList UL {
                padding: 0px;
                margin: 0em 1em;
            }
            
            #myList LI {
                width: 100px;
                border: solid 1px #2AA7DE;
                background: #6CC8EF;
                padding: 5px 5px;
                margin: 2px 0px;
                list-style: none;
            }
            
            #options {
                clear: left;
            }
            
            #options INPUT {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 11px;
                width: 150px;
            }
            
        </style>        

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Hướng dẫn sử dụng hệ thống quản lý CLB BIDA</title>
    
    <link href="adagps.com/css/treeview/jquery.treeview.css" rel="stylesheet">
    <link href="adagps.com/css/treeview/screen.css" rel="stylesheet"> 
    <link href="adagps.com/css/demoPages.css" media="screen" rel="Stylesheet" type="text/css" />
    
    <link href="adagps.com/css/cf_customer.css" media="screen" rel="Stylesheet" type="text/css" />
    <link href="adagps.com/css/ka_customer.css" media="screen" rel="Stylesheet" type="text/css" />
    <link href="adagps.com/css/fm_customer.css" media="screen" rel="Stylesheet" type="text/css" />
    <link href="adagps.com/css/ht_customer.css" media="screen" rel="Stylesheet" type="text/css" />
    <link type="text/css" href="adagps.com/css/base-css/css/custom-theme/jquery-ui-1.8.18.custom.css" rel="stylesheet" />
    <link href="adagps.com/css/seachnhanh.css" media="screen" rel="Stylesheet" type="text/css" />
    <link href="adagps.com/css/common.css" rel="stylesheet" type="text/css" />
    <link href="adagps.com/css/color.css" rel="stylesheet" type="text/css" />
    <link href="adagps.com/css/dataTable/css/demo_table_jui.css" rel="stylesheet" type="text/css" />
    <link type="text/css" href="adagps.com/scripts/treeview/jscontext.css" rel="stylesheet" />
    <link rel="stylesheet" href="adagps.com/media/css/TableTools.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="adagps.com/css/superfish.css" media="screen">
    <link rel="stylesheet" type="text/css" href="adagps.com/sdmenu/sdmenu.css" />
    <link rel="stylesheet" type="text/css" href="adagps.com/css/styles.css" />
   
   
   <script type="text/javascript" src="adagps.com/scripts/treeview/jquery.js"></script> 
    <script src="adagps.com/scripts/jquery.ui.all.js"></script> 
    <script type="text/javascript" src="adagps.com/scripts/treeview/jquery.cookie.js"></script>
    <script type="text/javascript" src="adagps.com/scripts/treeview/jquery.treeview.js"></script>
    <script type="text/javascript" src="adagps.com/scripts/treeview/jquery.treeview.edit.js"></script>
    <script type="text/javascript" src="adagps.com/scripts/treeview/jquery.contextMenu.js"></script>
    
        <link href="adagps.com/css/treeview/jquery.contextMenu.css" rel="stylesheet">   
  
    
    <script type="text/javascript">
 $(function() {
     
            
            $('#dv_treeview').height($(window).height());
            $('#dv_treeview').css('max-height',$(window).height());
    
            $("#browser").treeview();

            $('.file').live('click',function(){
                $('.select').removeClass('select').addClass('selected');                  
                $(this).removeClass('selected').addClass('select');
                
                $('.folderselect').removeClass('folderselect');
                var parent = $(this).parent().parent().parent().find('span.folder:first').addClass('folderselect') ;
                var id = $(this).attr('id');
                newid = id.substring(5);
                var title = $(this).text();
                if(newid!='0'){
                  title = 'Màn hình '+ title;   
                }
                
                 $('#span_helptitle').html(title);
                
                xajax_loadhelpById(newid);
                
                
            });
            
                
               
               
            loadHelp([var.helpIndex]); 
        })      
        
        function loadHelp(id){
              $('#help_'+id).addClass('select') ;
              $('#help_'+id).parent().parent().parent().find('span.folder:first').addClass('folderselect') ;
              var title = $('#help_'+id).text();
              title = 'Màn hình '+ title;
              $('#span_helptitle').html(title);
              xajax_loadhelpById(id);
        }

    </script>
     [var.tplXajaxScript;htmlconv=no]
    </head>
<body>
    
   <table width="100%">
   <tr>
   <td width="20%" rowspan="2">

  <div id="dv_treeview" style="overflow:auto;">  
    <ul id="browser" class="filetree treeview">
        
        <li class="collapsable lastCollapsable"><div class="hitarea lastCollapsable-hitarea"></div><span class="folder">Hướng dẫn sử dụng</span>
            <ul style="display: block;">
            <li >
<span class="file" id="help_0">Tổng quát</span>
</li>
                <li class="collapsable"><div class="hitarea collapsable-hitarea"></div><span class="folder">[mb.name;block=li;]</span>
                    <ul id="folder21">
                        <li><span class="file activeEdit" id="help_[sb.id]">[sb.name;block=li;p1=[mb.$]]</span></li>
                        
                    </ul>
                </li>
                
            </ul>
        </li>
        
        
    </ul>
   </div >
    
   </td>
   <td id="td_helptitle" class="tdtitle" align="center" height="50">
      <span class="title" id="span_helptitle"></span> 
      <br />
      <hr />
   </td>
   </tr>
   <tr><td width="100%" align="center" style="text-align:center" valign="top" id="td_helpcontent" ></td></tr>
   </table>  
      
 
</body>